@import "../index";

@trend-prefix-cls: ~"@{ant-pro-prefix}-trend";

.@{trend-prefix-cls} {
	display: inline-block;
	font-size: @font-size-base;
	line-height: 22px;

	.up,
	.down {
		margin-left: 4px;
		position: relative;
		top: 1px;

		i {
			font-size: 12px;
			transform: scale(0.83);
		}
	}

	.item-text {
		display: inline-block;
		margin-left: 8px;
		color: rgba(0, 0, 0, .85);
	}

	.up {
		color: @red-6;
	}

	.down {
		color: @green-6;
		top: -1px;
	}

	&.reverse-color .up {
		color: @green-6;
	}

	&.reverse-color .down {
		color: @red-6;
	}
}
